<template>
  <div>
      <h1>pinia的使用</h1>
      <h1>state的数据：{{myname}}</h1>
      <h1>getters数据:{{mynameget}}</h1>
      <button @click="changeName('小王')">触发actions改变数据</button>
  </div>
</template>

<script setup> 
// 导入用pinia书写的内容的模块
 import {homeStore} from '../../store/homeStore.js'
 import {computed} from 'vue'
  // 1vuex和pinia的区别 ？

  let hstore=homeStore();

  // 1 安装pinia 
  //     npm install pinia

  //2 全局配置pinia 
  // 在main.js 中
  // import {createPinia} from 'pinia'
  // let pinia=createPinia();
  // app.use(pinia)

   let myname=computed(()=>hstore.myname);//state的使用

   let mynameget=compu啥ted(()=>hstore.nameGet)//getters的使用

   let changeName=hstore.changeName; //actions的使用
     

</script>
